	<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!-- 食品画廊 -->	
<div id="gallery" class="gallery">
	<h3 class="heading">绿色食品画廊</h3>
		<div class="w3ls_banner_bottom_grids">
			<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
				<ul id="myTab" class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active"><a href="#banana" id="banana-tab" role="tab" data-toggle="tab" aria-controls="banana" aria-expanded="true">香菇</a></li>
					<li role="presentation"><a href="#apple" role="tab" id="apple-tab" data-toggle="tab" aria-controls="apple">蜂蜜</a></li>
					<li role="presentation"><a href="#lemon" role="tab" id="lemon-tab" data-toggle="tab" aria-controls="lemon">木耳</a></li>
					<li role="presentation"><a href="#Strawberry" role="tab" id="Strawberry-tab" data-toggle="tab" aria-controls="Strawberry">鸭蛋</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">
					<div role="tabpanel" class="tab-pane fade in active" id="banana" aria-labelledby="banana-tab">
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
										    <h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g1.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g1.jpg" alt=" " class="img-responsive" />
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>香菇</h4>
											<p>绿色香菇</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<!--2-->
					<div role="tabpanel" class="tab-pane fade" id="apple" aria-labelledby="apple-tab">
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g9.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g9.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g10.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g10.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g11.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g11.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g12.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g12.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g13.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g13.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g14.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g14.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>蜂蜜</h4>
											<p>绿色蜂蜜</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="lemon" aria-labelledby="lemon-tab">
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g15.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g15.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g16.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g16.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g17.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g17.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g18.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g18.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g19.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g19.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g20.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g20.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>木耳</h4>
											<p>绿色木耳</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="Strawberry" aria-labelledby="Strawberry-tab">
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g21.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g21.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g22.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g22.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g23.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g23.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g24.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g24.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g25.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g25.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-3 w3layouts_gallery_grid">
							<a title="绿色，环保、吃的放心！" href="${ctx}/assets/images/g26.jpg">
								<div class="w3layouts_team_grid">
									<img src="${ctx}/assets/images/g26.jpg" alt=" " class="img-responsive">
									<div class="w3layouts_team_grid_pos">
										<div class="wthree_text">
											<h4>鸭蛋</h4>
											<p>绿色鸭蛋</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //gallery -->

<!-- clients-->
	<div class="clients" id="clients">
		<div class="container">
			<h3 class="heading">我们的客户</h3>
			<div class="wmuSlider example1 animated wow slideInUp" data-wow-delay=".5s">
					<div class="wmuSliderWrapper">
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="col-md-6 client-grids">
									<p>全新大自然绿色食品，全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品</p>
									<div class="col-md-3 c-img">
										<img src="${ctx}/assets/images/c1.jpg"  alt="" />								
									</div>
									<div class="col-md-3 c-info">
										<h4>小明</h4>
										<h5>客户1</h5>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="col-md-6 client-grids">
									<p>全新大自然绿色食品，全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品</p>
									<div class="col-md-3 c-img">
										<img src="${ctx}/assets/images/c2.jpg"  alt="" />								
									</div>
									<div class="col-md-3 c-info">
										<h4>小方</h4>
										<h5>客户2</h5>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="clearfix"></div>
							</div>
						</article>
						<article style="position: absolute; width: 100%; opacity: 0;"> 
							<div class="banner-wrap">
								<div class="col-md-6 client-grids">
									<p>全新大自然绿色食品，全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品</p>
									<div class="col-md-3 c-img">
										<img src="${ctx}/assets/images/c3.jpg"  alt="" />								
									</div>
									<div class="col-md-3 c-info">
										<h4>小星</h4>
										<h5>客户3</h5>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="col-md-6 client-grids">
									<p>全新大自然绿色食品，全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品全新大自然绿色食品</p>
									<div class="col-md-3 c-img">
										<img src="${ctx}/assets/images/c4.jpg"  alt="" />								
									</div>
									<div class="col-md-3 c-info">
										<h4>小蓝</h4>
										<h5>客户4</h5>
									</div>
									<div class="clearfix"></div>
								</div>
									<div class="clearfix"></div>
							</div>
						</article>
					</div>
				</div>
		</div>
	</div>
<!--//clients-->